<template>
  <div class="layout-aside">
    <!-- router为true 启动路由功能 -->
    <el-menu
      :collapse-transition="false"
      :router="true"
      background-color="#353b4e"
      active-text-color="#ffffff"
      text-color="#adafb5"
      class="el-menu"
    >
      <!-- 不带下拉列表 -->
      <el-menu-item index="/home">
        <i class="el-icon-s-home"></i>
        <!-- title插槽 -->
        <span slot="title">首页</span>
      </el-menu-item>
      <!-- 带下拉列表 -->
      <el-submenu index="2">
        <!-- title插槽 -->
        <!-- slot="title"等于是把该template当成是submenu的标题 -->
        <template slot="title">
          <i class="el-icon-document"></i>
          产品管理
        </template>
        <el-menu-item index="/home/detail_control">内容管理</el-menu-item>
        <el-menu-item index="/home/publish">发布新闻</el-menu-item>
        <el-menu-item index="/home/uploadStore">发布分店</el-menu-item>
        <el-menu-item index="/home/company">公司背景修改</el-menu-item>
        <el-menu-item index="/home/baozilist">发布包子&列表</el-menu-item>
        <el-menu-item index="/home/uploadBanner">发布banner轮播</el-menu-item>
        <!-- <el-menu-item index="/home/material">素材管理</el-menu-item> -->
      </el-submenu>

      <el-menu-item index="/home/applicationinfo"
        ><i class="el-icon-s-custom"></i
      >申请信息</el-menu-item>
      <el-menu-item index="/home/account">
        <i class="el-icon-s-tools"></i>
        <span slot="title">账户信息</span>
      </el-menu-item>
    </el-menu>
  </div>
</template>

<script>
export default {};
</script>

<style lang="less" scoped>
.layout-aside {
  background-color: #353b4e;
  width: 200px;
  height: 100vh;
  .el-menu {
    border-right: 0px solid #000;
  }
  .title {
    text-align: center;
    background-color: #353b4e;
  }
}
</style>
